import { Theme } from "@/hooks/interface";

export const baseTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
  light: {
    "--el-bg-color": "rgba(255, 255, 255, 1)",
    "--el-bg-color-page": "rgba(239, 241, 245, 1)",
    "--el-text-color-primary": "#000000A5",
    "--el-fill-color-light": "#F7F7F7FF",
    "--el-border-color-lighter": "#EDEDEDFF",
    "--el-text-color-regular": "#000000A5",
    "--el-bg-color2": "rgba(247, 249, 250, 1)",
    "--el-bg-color3": "rgba(247, 249, 250, 1)",
    "--el-bg-hover-color3": "#EBF7F7FF",
    "--el-border-color": "rgba(0, 0, 0, 0.1)",
    "--el-text-color": "#000000D8",
    "--el-text-color1": "#00000072",
    "--el-text-color2": "#000000FF",
    "--el-text-color3": "rgba(0, 0, 0, 0.35)",
    "--el-text-color4": "rgba(0, 0, 0, 0.65)",
    "--el-btn-bg-color": "#64666619",
    "--el-icon-color": "rgba(0, 0, 0, 0.25)",
    "--el-shadow-color": "rgba(77, 77, 77, 0.25)"
  },
  inverted: {
    "--el-bg-color": "rgba(255, 255, 255, 1)",
    "--el-bg-color-page": "rgba(239, 241, 245, 1)",
    "--el-text-color-primary": "#000000A5",
    "--el-fill-color-light": "#F7F7F7FF",
    "--el-border-color-lighter": "#EDEDEDFF",
    "--el-text-color-regular": "#000000A5",
    "--el-bg-color2": "rgba(247, 249, 250, 1)",
    "--el-bg-color3": "rgba(247, 249, 250, 1)",
    "--el-bg-hover-color3": "#EBF7F7FF",
    "--el-border-color": "rgba(0, 0, 0, 0.1)",
    "--el-text-color": "#000000D8",
    "--el-text-color1": "#00000072",
    "--el-text-color2": "#000000FF",
    "--el-text-color3": "rgba(0, 0, 0, 0.35)",
    "--el-text-color4": "rgba(0, 0, 0, 0.65)",
    "--el-btn-bg-color": "#64666619",
    "--el-icon-color": "rgba(0, 0, 0, 0.25)",
    "--el-shadow-color": "rgba(77, 77, 77, 0.25)"
  },
  dark: {
    "--el-bg-color": "rgba(45, 53, 74, 1)",
    "--el-bg-color-page": "rgba(38, 44, 58, 1)",
    "--el-text-color-primary": "#FFFFFFA5",
    "--el-fill-color-light": "#879DD414",
    "--el-border-color-lighter": "#879DD43F",
    "--el-text-color-regular": "#FFFFFFA5",
    "--el-bg-color2": "rgba(0, 0, 0, 0.15)",
    "--el-bg-color3": "rgba(52, 62, 85, 1)",
    "--el-bg-hover-color3": "#5CABA830",
    "--el-border-color": "rgba(255, 255, 255, 0.1)",
    "--el-text-color": "#FFFFFFD8",
    "--el-text-color1": "#FFFFFF72",
    "--el-text-color2": "#FFFFFFA5",
    "--el-text-color3": "#FFFFFF72",
    "--el-text-color4": "rgba(255, 255, 255, 0.65)",
    "--el-btn-bg-color": "#00000026",
    "--el-icon-color": "rgba(255, 255, 255, 0.25)",
    "--el-shadow-color": "rgba(0, 0, 0, 0.5)"
  }
};
